<template>
	<z-paging ref="paging" v-model="dataList" @query="queryList">
		<view class="item" v-for="(item,index) in dataList" :key="index">
			<view class="item-title">{{item}}</view>
		</view>
	</z-paging>
</template>

<script>
	export default {
		data() {
			return {
				dataList: []
			};
		},
		methods: {
			queryList(pageNo, pageSize) {
				this.$refs.paging.complete([1,2,3,4,5,6,7,8,9,10]);
			}
		},
	};
</script>

<style>
	.item {
		font-size: 40rpx;
		height: 200rpx;
		text-align: center;
		line-height: 200rpx;
		border-bottom: 1rpx solid #ccc;
	}
</style>